<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html lang="en"> 
    <head> 
    
    
    <!--  Override css file to ajust box size for varying functions -->
    
    
     <!--  Going to need more space this time!! -->



 <style type="text/css" media="screen">  

#content {
	width: 852px;
	margin: 105px auto 0;
	background: #fff;
	border: solid 1px #ccc;
	padding: 20px;
	font: Aerial;

}
    </style> 
    
    
    
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
        <title>Naive Spatial Search</title> 
        
        
        <script src="webmedia/raphael.js" type="text/javascript" charset="utf-8"></script> 
   		<script src="webmedia/jquery.js" type="text/javascript" charset="utf-8"></script> 
        <script src="webmedia/dots.js" type="text/javascript" charset="utf-8"></script> 
     

        
        
        
        <style type="text/css" media="screen"> 
            body {
                margin: 0;
            }
            #chart {
                color: #333;
                left: 50%;
                margin: -150px 0 0 -400px;
                position: absolute;
                top: 50%;
                width: 300px;
                width: 800px;
            }
            
            </style>
            
               <style type="text/css" media="screen"> 
            
            
            
            
            body {
    background: #333;
    color: #fff;
    font: 300 100.1% "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif;
}
#holder {
    height: 480px;
    left: 50%;
    margin: -240px 0 0 -320px;
    position: absolute;
    top: 50%;
    width: 640px;
}
#copy {
    bottom: 0;
    font: 300 .7em "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif;
    position: absolute;
    right: 1em;
    text-align: right;
}
#copy a {
    color: #fff;
}
            
            
             </style> 
            
            <style type="text/css" media="print">     
            
            body {
    background: #fff;
    color: #000;
    font: 100.1% "Lucida Grande", Lucida, Verdana, sans-serif;
}
#holder {
    height: 480px;
    left: 50%;
    margin: 0 0 0 -320px;
    position: absolute;
    top: 0;
    width: 640px;
}
#copy {
    bottom: 0;
    font-size: .7em;
    position: absolute;
    right: 1em;
    text-align: right;
}
            
            
            
        </style> 
        
        
        
        
        
    </head> 
    <body> 
        <table id="for-chart"> 
            <tfoot> 
                <tr> 
                    <td>&nbsp;</td> 
                    <th>12am</th> 
                    <th>1</th> 
                    <th>2</th> 
                    <th>3</th> 
                    <th>4</th> 
                    <th>5</th> 
                    <th>6</th> 
                    <th>7</th> 
                    <th>8</th> 
                    <th>9</th> 
                    <th>10</th> 
                    <th>11</th> 
                    <th>12pm</th> 
                    <th>1</th> 
                    <th>2</th> 
                    <th>3</th> 
                    <th>4</th> 
                    <th>5</th> 
                    <th>6</th> 
                    <th>7</th> 
                    <th>8</th> 
                    <th>9</th> 
                    <th>10</th> 
                    <th>11</th> 
                </tr> 
            </tfoot> 
            <tbody> 
                <tr> 
                    <th scope="row">Mon</th> 
                    <td></td> 
                    <td></td> 
                    <td></td> 
                    <td></td> 
                    <td>23</td> 
                    <td></td> 
                    <td></td> 
                    <td></td> 
                    <td></td> 
                    <td>40</td> 
                    <td></td> 
                    <td>15</td> 
                    <td>10</td> 
                    <td></td> 
                    <td>17</td> 
                    <td></td> 
                    <td>14</td> 
                    <td>12</td> 
                    <td>20</td> 
                    <td>16</td> 
                    <td></td> 
                    <td></td> 
                    <td>5</td> 
                    <td>28</td> 
                </tr> 
                <tr> 
                <th scope="row">Tue</th> 
                    <td>35</td> 
                    <td>11</td> 
                    <td></td> 
                    <td>2</td> 
                    <td>35</td> 
                    <td></td> 
                    <td>22</td> 
                    <td></td> 
                    <td></td> 
                    <td>4</td> 
                    <td>3</td> 
                    <td></td> 
                    <td>29</td> 
                    <td>5</td> 
                    <td>34</td> 
                    <td></td> 
                    <td></td> 
                    <td>26</td> 
                    <td></td> 
                    <td></td> 
                    <td></td> 
                    <td></td> 
                    <td>29</td> 
                    <td>8</td> 
                </tr> 
                <tr> 
                    <th scope="row">Wed</th> 
                    <td></td> 
                    <td>31</td> 
                    <td></td> 
                    <td>19</td> 
                    <td>35</td> 
                    <td></td> 
                    <td></td> 
                    <td></td> 
                    <td></td> 
                    <td>1</td> 
                    <td>20</td> 
                    <td></td> 
                    <td></td> 
                    <td>21</td> 
                    <td>7</td> 
                    <td>5</td> 
                    <td>17</td> 
                    <td>23</td> 
                    <td>9</td> 
                    <td></td> 
                    <td>6</td> 
                    <td></td> 
                    <td>38</td> 
                    <td>27</td> 
                </tr> 
                <tr> 
                    <th scope="row">Thu</th> 
                    <td>12</td> 
                    <td></td> 
                    <td></td> 
                    <td></td> 
                    <td>37</td> 
                    <td>23</td> 
                    <td>17</td> 
                    <td></td> 
                    <td>32</td> 
                    <td></td> 
                    <td></td> 
                    <td>7</td> 
                    <td></td> 
                    <td></td> 
                    <td>27</td> 
                    <td></td> 
                    <td></td> 
                    <td>18</td> 
                    <td></td> 
                    <td>1</td> 
                    <td></td> 
                    <td>39</td> 
                    <td>3</td> 
                    <td></td> 
                </tr> 
                <tr> 
                    <th scope="row">Fri</th> 
                    <td></td> 
                    <td></td> 
                    <td></td> 
                    <td></td> 
                    <td>17</td> 
                    <td>30</td> 
                    <td></td> 
                    <td>2</td> 
                    <td>27</td> 
                    <td>22</td> 
                    <td></td> 
                    <td></td> 
                    <td></td> 
                    <td></td> 
                    <td>40</td> 
                    <td>38</td> 
                    <td>8</td> 
                    <td></td> 
                    <td></td> 
                    <td>8</td> 
                    <td></td> 
                    <td>9</td> 
                    <td></td> 
                    <td>38</td> 
                </tr> 
                <tr> 
                    <th scope="row">Sat</th> 
                    <td></td> 
                    <td></td> 
                    <td>18</td> 
                    <td>15</td> 
                    <td>38</td> 
                    <td></td> 
                    <td></td> 
                    <td></td> 
                    <td>24</td> 
                    <td></td> 
                    <td>30</td> 
                    <td></td> 
                    <td>10</td> 
                    <td></td> 
                    <td></td> 
                    <td></td> 
                    <td>20</td> 
                    <td>30</td> 
                    <td></td> 
                    <td></td> 
                    <td>34</td> 
                    <td></td> 
                    <td></td> 
                    <td>30</td> 
                </tr> 
                <tr> 
                    <th scope="row">Sun</th> 
                    <td></td> 
                    <td>11</td> 
                    <td>30</td> 
                    <td></td> 
                    <td></td> 
                    <td>20</td> 
                    <td>3</td> 
                    <td></td> 
                    <td></td> 
                    <td></td> 
                    <td>26</td> 
                    <td>3</td> 
                    <td>28</td> 
                    <td>23</td> 
                    <td></td> 
                    <td></td> 
                    <td></td> 
                    <td>21</td> 
                    <td></td> 
                    <td></td> 
                    <td></td> 
                    <td>20</td> 
                    <td></td> 
                    <td></td> 
                </tr> 
            </tbody> 
        </table> 
        <div id="chart"></div> 
        <p id="copy">Based on a Demo available <a href="http://raphaeljs.com/">here</a></p> 
    </body> 
</html> 